<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            .light {
                background-color: aliceblue;
                color: black;
            }
            .dark {
                background-color: black;
                color: aliceblue;
            }
        </style>
    </head>
    <body>
        <!-- <div>获取元素内容</div> -->
        <img src="https://ts1.tc.mm.bing.net/th/id/R-C.e7588db8cf1d3592f05c59354c7d7f34?rik=rVGbZ1IKYj3dSg&riu=http%3a%2f%2fseopic.699pic.com%2fphoto%2f50073%2f0161.jpg_wh1200.jpg&ehk=ugyPJtY83rc68SfHXsUbzdSMvslDJR7BzyoTGXDUPew%3d&risl=&pid=ImgRaw&r=0" alt="" title="这是一个图片">
        <input type="button" value="播放">
        <!-- +1,-1点击操作 -->
        <input class = "input" type="text" value = "0">
        <input class = "add" type="button" value="+1">
        <input type="button" class="min" value = "-1">
        <br/>
        <input type="checkbox" class="all">我全都要<br/>
        <input type="checkbox" class="girl">西施<br/>
        <input type="checkbox" class="girl">貂蝉<br/>
        <input type="checkbox" class="girl">王昭君<br/>
        <input type="checkbox" class="girl">杨玉环<br/>

        <!-- 行内样式操作 -->
        <div style="font-size: 10px;" >哈哈哈</div>
        <!-- 类名样式操作 -->
        <div class = "light">
            这是一句话<br/>
            这是一句话<br/>
            这是一句话<br/>
            这是一句话<br/>
        </div>
    </body>
    <script src="js104.js"></script>
</html>